<template>
  <div class="app-container">
    <!-- 上层卡片 -->
    <!-- <el-card id="card">

      <el-form :inline="true" :model="formInline" class="demo-form-inline" label-position="top">
        <el-row type="flex">
          <el-col :span="6">
            <el-form-item label="盘点单号">
              <el-input v-model="formInline.user" class="input" placeholder="请输入" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="盘点状态">
              <el-input v-model="formInline.user" class="input" placeholder="请选择" />
            </el-form-item>
          </el-col>
          <el-col :span="6">
            <el-form-item label="盘点类型">
              <el-input v-model="formInline.user" class="input" placeholder="请选择" />
            </el-form-item>
          </el-col>
          <el-col :span="6" class="btnpos">
            <el-form-item>
              <el-button type="primary" class="btnSearch">查询</el-button>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" class="btnReset">重置</el-button>
            </el-form-item>

          </el-col>
        </el-row>
      </el-form>

    </el-card> -->
    <!-- <search-control :searh-bar="searhBar" @search="search">
      <template>你好</template>
    </search-control> -->
  </div>
</template>

<script>
// import searchControl from '@/components/SearchControl's

export default {
  name: 'YuanfengWarehouseList',
  // components: { searchControl },
  data() {
    return {
      searhBar: [
        { type: 'input', name: '仓库编号', value: '' },
        { type: 'input', name: '仓库名称', value: '' },
        { type: 'input', name: '仓库名称1', value: '' },
        { type: 'selete', name: '仓库状态', seleteType: 'warehouse', value: '' }
      ],
      formInline: {
        user: '',
        region: ''
      }
    }
  },

  mounted() {

  },

  methods: {
    // 改值
    changevalue(name, value) {
      const index = this.searhBar.findIndex(item => item.name === name)
      this.searhBar[index].value = value
    },
    // 重置
    resetvalue() {
      this.searhBar.forEach(item => {
        item.value = ''
      })
    },
    // 搜索 点击搜素按钮获取表单组件的值
    search() {
      console.log(36, this.searhBar)
    }
  }
  // provide() {
  //   return {
  //     searhBar: this.searhBar,
  //     changevalue: this.changevalue,
  //     resetvalue: this.resetvalue
  //   }
  // }
}
</script>

<style lang="scss" scoped>
#card{
  padding: 30px;
  ::v-deep .el-card__body{
    padding: 0;
    .el-form-item{
      margin: 0;
      padding: 15px;
      width: 100%;
       .el-form-item__label{
        font-size: 12px;
        height: 18px;
        line-height: 18px;
        color: #887e7e;
        padding: 0;
        margin: 10px 0 ;
        font-weight: 500;
      }
      .el-input__inner{
        font-size: 14px;
        font-weight: 400;
      height: 40px;
      line-height: 40px;
      border: 1px solid #f8f5f5;
      background: #f8f5f5;
      border-radius: 6px;
      width: 100%;
      color:#1f2d3d

  }
  .el-input__inner:hover{
    border: 1px solid #887e7e
  }
  .el-input__inner:focus{
    border: 1px solid #ffb200!important
  }
    }
  }

  ::v-deep .btnpos{
    vertical-align: bottom;

  }
}

</style>
